<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org">
	<head>
	 <title>Stateless Wicket</title>
	</head>
	<body>
	<wicket:extend>
		<span wicket:id="message" id="message">Message goes here</span>
		<br />
		<a wicket:id="indexLink" href="#">go to index</a>
		<br />
		<h2>Statless ajax fallback link</h2>
		<div>This link uses ajax when it is available, and a regular
			wicket roundtrip when ajax or javascript are not available and the
			page should be stateless.</div>

		<b>Counter: </b>
		<span id="c2" wicket:id="incrementLabel"></span>
		<a href="#" id="c2-link" wicket:id="incrementLink">increment</a>
		<br />
		<br />

		<h2>Stateless form submit example</h2>
		<p>Submit form via AJAX. Each field is required.</p>
		<form wicket:id="inputForm">
			<label for="name">Name:</label> <input wicket:id="name" id="name"
				type="text" size="15" /><br /> <label for="surname">Surname:</label>
			<input wicket:id="surname" id="surname" type="text" size="15" /><br />
			<button id="submitButton" wicket:id="submit">Submit</button>

			<div id="feedbackPanel" wicket:id="feedback"></div>
			<br /> <span id="submittedValues" wicket:id="submittedValues"></span>

		</form>
		
		<h2>Form component updating behavior example</h2>
		<p>The select component submits its value via AJAX on 'change'
			event.</p>
		<select id="select" wicket:id="select"></select>
		<span id="selectedValue" wicket:id="selectedValue"></span>
		
		<br />
		<br />
		<h2>AJAX indicator link example</h2>
		<p>AJAX indicator link and button which show their indicator for
			5 seconds.</p>
		<a id="indicatingLink" wicket:id="indicatingLink">link</a>
		<br />

		<form wicket:id="indicatingForm"></form>
		<button id="indicatingButton" wicket:id="indicatingButton">Button</button>
	</wicket:extend>
</body>
</html>
